<!--Start of Home Content-->
<div class="main">
<div class="col-main">
  <div class="std"> 
    
    <!--Start Banner-->
    <div class="banner_box">
      <div class="slider-wrapper banner"> 
        <!--Place your banner images-->
        <div id="slider" class="banner_slider"> 
            <a href="#"><img src="<?php echo base_url();?>content/images/banner1.png" alt="" /></a> 
            <a href="#"><img src="<?php echo base_url();?>content/images/banner_2.png" alt="" /></a> 
            <a href="#"><img src="<?php echo base_url();?>content/images/banner_3.png" alt="" /></a> 
            <a href="#"><img src="<?php echo base_url();?>content/images/banner_4.png" alt="" /></a> 
        </div>
      </div>
      <div class="promotional_block"> <!--Place your promotional images-->
        <div class="block_one"> <a href="#"><img src="<?php echo base_url();?>content/images/promo1.jpg" alt="" /></a> </div>
        <div class="block_one"> <a href="#"><img src="<?php echo base_url();?>content/images/promo2.jpg" alt="" /></a> </div>
      </div>
    </div>
    <!--End Banner--> 
    
    <!-- Start Feartured Products -->
    
    <div class="featured-products"> 
     <h1 class="category_page_title">Món ngon trong ngày</h1>            
    <!--Start Category Product List-->
    <ul class="products-grid">
    <?php $i = 0;  ?>    
    <?php  foreach ($list_child_product as $product) {  $i++; 
        if (($i % 4)!=0) {
    ?>            
        <li class="item first"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="<?php echo $product->image;?>" alt="Lorem ipsum dolor sit amet,"/></a>
          <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
          <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
          <div class="actions">
            <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
            <a href="#" class="fancybox quick_view">quick view</a>
            <ul class="add-to-links">
              <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
              <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
            </ul>
          </div>
        </li>      
    <?php } else {    ?>
         <li class="item last"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="<?php echo base_url();?>content/images/mon1.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
            <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
            <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
            <div class="actions">
              <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
              <a href="#" class="fancybox quick_view">quick view</a>
              <ul class="add-to-links">
                <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
              </ul>
            </div>
          </li>
    
    <?php }} ?>    
    </ul>
    <!--End Category Product List--> 
                 
  </div>
    
    <!-- End Featured Products -->
    
    <!--Start New Products-->
    <div class="box-center">
      <div class="special">
        <div style="visibility: visible;" id="mix_container" class="mix_container">
          <h1 class="category_page_title">Nhà hàng tiêu biểu</h1>
          <div class="mix_nav"> <span id="mix_prev" class="mix_prev">Previous</span> <span id="mix_next" class="mix_next">Next</span> </div>
          <div id="container" class="mix_wrapper">
            <ul style="position: relative;" class="mix_gallery">

            <?php $i = 0;  ?>    
            <?php  foreach ($list_child_restaurent as $restaurent) {  $i++; 
                if (($i % 5)!=0) {
            ?>            
                <li class="item mix_row">
                <div class="outer box"> <a href="#" class="product-image"><img src="<?php echo $restaurent->image;?>" alt="Imperdiet id tincidunt" /></a>
                  <div class="ic_caption">
                    <h2 class="product-name"><a href="#" title="Imperdiet id tincidunt ">Imperdiet id tincidunt </a></h2>
                    <div class="actions">
                      <button style="display:none;" type="button" title="Add to Cart" class="button btn-cart"> <span> <span>Add to Cart</span> </span> </button>
                      <a href="#" class="fancybox quickllook">Quick look</a>
                      <div class="price-box"> <span class="regular-price"> <span class="price">$190.00</span> </span> </div>
                    </div>
                  </div>
                </div>
              </li>      
            <?php } else {    ?>
            <li class="item mix_row last">
                <div class="outer box"> <a href="#" class="product-image"><img src="<?php echo $restaurent->image;?>" alt="Imperdiet id tincidunt" /></a>
                  <div class="ic_caption">
                    <h2 class="product-name"><a href="#" title="Imperdiet id tincidunt ">Imperdiet id tincidunt </a></h2>
                    <div class="actions">
                      <button style="display:none;" type="button" title="Add to Cart" class="button btn-cart"> <span> <span>Add to Cart</span> </span> </button>
                      <a href="#" class="fancybox quickllook">Quick look</a>
                      <div class="price-box"> <span class="regular-price"> <span class="price">$190.00</span> </span> </div>
                    </div>
                  </div>
                </div>
              </li>

            <?php }} ?>                                                  
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--End New Products--> 
    
  </div>
</div>
</div>
<!--End of Home Content--> 
<div style="display: none;" id="back-top"> <a href="#"><img alt="" src="<?php echo base_url();?>content/images/backtop.gif" /></a> </div>